/* flash */
.flash{
  width: 100%;
  padding: 4% 0;
  background-color: #8bc01f;
  .container{
    display: flex;
    justify-content: space-between;
    .content{
      width: 50%;
      .title{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        span{
          display: inline-block;
          width: 1.5em;
          height: 1.5em;
          background-color: white;
          color: #8bc01f;
          font-size: 2em;
          font-weight: bold;
          line-height: 1.5em;
          text-align: center;
          margin-right: .5%;
        }
        h2{
          font-size: 3em;
          color: white;
        }
      }
      .mork{
        margin-left: 2%;
        h3{
          font-size: 1.5em;
          color: white;
          margin-bottom: 40px;
        }

        p{
          font-size: 1em;
          color: white;
          line-height: 2em;
          margin-bottom: 20px;

        }
      }
      .botton{
        width: 12em;
        height: 38px;
        .btn{
          margin-left: 4%;
          font-size: 1em;
          width: 10em;
          height: 38px;
          color: #8bc01f;
        }

      }
    }
    .print{
      width: 50%;
      text-align: right;
      img{
        height: 24em;
      }
    }
  }
  @media screen and (max-width:750px ){
    .container{
      .content{
        width: 100%;
      }
      .print{
        display: none;
      }
    }
  }
  @media screen and (max-width:500px ){
    .container{
      .content{
        .mork{
          h3{
            font-size: 1.2em;
            margin-bottom: 10px;
          }
          p{
            margin-bottom: 10px;
          }
        }
      }
    }
  }
}

/* player */
.player{
  width: 100%;
  background-color: #3393df;
  padding: 4% 0;
  .container{
    
    .title{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        span{
          display: inline-block;
          width: 1.2em;
          height: 1.2em;
          background-color: white;
          color: #3393df;
          font-size: 2em;
          font-weight: bold;
          line-height: 1.2em;
          text-align: center;
          margin-right: 1%;
        }
        h2{
          font-size: 3em;
          color: white;
        }
    }
    .content{
      display: flex;
      flex-direction: row;
      .left-bg{
        width: 35%;
      }
      .mork{
        width: 30%;
        color: white;
        padding-right: 5%;
        margin-top: 20px;
        .top,
        .bottom{
          margin-bottom: 20px;
          h2{
            font-size: 1.5em;
            margin-bottom: 10px;
          }
          p{
            font-size: 1em;
            line-height: 2em;
          }
        }
      }
      .right-bg{
        width: 35%;
        img{
          margin-top: 180px;
        }
      }
    }
    
  }
  @media screen and (max-width:1000px ){
    .container{
      .content{
        .mork{
          width: 70%;
        }
        .right-bg{
          display: none;
        }
      }
    }
  }
  @media screen and (max-width:750px){
    .container{
      .content{
        
        .left-bg{
          display: none;
        }
        .mork{
          width: 100%;
          margin-top: 0;
        }
      }
    }
  }
}


/* airopen */
.airopen,
.storepublish{
  width: 100%;
  padding: 4% 0;
  .container{
    display: flex;
    justify-content: space-between;
    .air,
    .open{
      width: 40%;
      text-align: center;
      .title{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        span{
          display: inline-block;
          width: 1em;
          height: 1em;
          background-color: #3393df;
          color: white;
          font-size: 2em;
          font-weight: bold;
          line-height: 1em;
          text-align: center;
          margin-right: 1%;
        }
        h2{
          font-size: 2em;
          color: #3393df;
        }
      }
      .content{
        text-align: left;
        .main{
          padding: 4% 0 0 0;
          .one{
            h4{
              font-size: 1em;
              font-weight: 500;
              color: #3393df;
              margin-bottom: 10px;
            }
            p{
              font-size: .8em;
              margin-bottom: 20px;
              // line-height: 2em;
              text-indent: 2em;
              height: 4em;
              white-space: wrap;
              overflow-y: auto;
              white-space: wrap;
              // 设置只显示两行
              // display: -webkit-box;
              // overflow: hidden;
              // text-overflow: ellipsis;
              // -webkit-line-clamp: 2;
              // -webkit-box-orient: vertical;
            }
            .lh8{
              padding-bottom: 6%;
            }
          }
        }
      }
      .print{
        .img{
          margin: 0 auto;
        }
      }
    }
  }
  @media screen and (max-width:750px){
    .container{
      .air,
      .open{
        .content{
          .main{
            .one{
              p{
                margin-bottom: 0;
              }
            }
          }
        }
        .print{
          display: none;
        }
      }
    }
  }
  @media screen and (max-width:500px){
    .container{
      flex-direction: column;
      .air,
      .open{
        width: 100%;
        .content{
          .main{
            .one{
              h4{
                margin-bottom: 5px;
              }
              p{
                padding-bottom: 0;
              }
            }
          }
          
        }
        
        
      }
    }
  }
}

/* storepublish */
.bg-grey{
  background-color: #f7f7f7;
} 